<script setup lang="ts">
import '@/assets/overview.scss'
import { useOverViewStore } from '@/stores'
import Logo from '@/assets/logo.png'

const overview = useOverViewStore()
</script>

<template>
  <section>
    <div class="most-songs">
      <h2>热门歌曲</h2>
      <div class="content">
        <div class="dan" v-for="(item) in overview.most_played_songs" :key="item.id">
          <img :src="item.album_cover ? item.album_cover : Logo" />
          <span>{{ item.title }}</span>
        </div>
      </div>
    </div>
  </section>
</template>

<style scoped>

</style>